<%@ page language="java" pageEncoding="UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>系统监控</title>
	<link rel="stylesheet" href="${ctx}/common/jslibs/fish/css/fish-desktop-compact.css" />
	<!--[if lt IE 9]>
		<script src="${ctx}/common/jslibs/fish/js/html5shiv.js"></script>
		<script src="${ctx}/common/jslibs/fish/js/respond.js"></script>
	<![endif]-->
	<style>
		body{border-left:1px solid #d6d6d6;}
		label{white-space:nowrap;}
		.btn{border-radius:2px;}
		.custom2-ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-htable th label{font-weight:100}
		.custom2-ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv .ui-jqgrid-htable th.ui-th-column{background-color:#cbdbe9;height:30px;border-right:1px solid #b9cee1;font-size:12px;font-weight:100;color:#2c5072;font-size:12px;}
		.custom2-ui-jqgrid .ui-jqgrid-view .ui-jqgrid-hdiv{border-color:#b9cee1;background-color:#cbdbe9;}
		.custom2-ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv{border-top:1px solid #b9cee1;border-left:1px solid #b9cee1;overflow-x:hidden}
		.custom2-ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tr.jqgrow td{height:30px;border-color:#d9e3ed;font-size:12px;font-weight:100;padding:0 6px;}
		.custom2-ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tr.jqgrow td label{font-weight:100;text-overflow:ellipsis;overflow:hidden;}
		#monitor_jqGrid #monitor_jqGrid_pager{padding:8px 0;height:auto;}
		#monitor_jqGrid .ui-jqgrid-view .ui-jqgrid-bdiv{overflow-x:hidden;}
		.custom_a_btn{margin-right:3px;display:inline-block;padding:4px 8px;text-decoration:none;border-radius:2px;}
		#monitor_jqGrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tr.jqgrow td .custom_a_btn:last-child{margin-right:0;}
		 .custom_a_btn span{color:#777;}a.custom_a_btn:hover,a.custom_a_btn.active{color:#fff;}
		.a_primary,.a_primary:focus,.text-a_primary{color:#337ab7;}.a_primary:hover,.a_primary.active{background-color:#337ab7;}.a_primary:hover span,.a_primary.active span{color:#bfd0e4;}
		.a_sucess,.a_sucess:focus,.text-a_sucess{color:#090}.a_sucess:hover,.a_sucess.active{background-color:#090}.a_sucess:hover span,.a_sucess.active span{color:#b8dab8;}
		.a_warning,.a_warning:focus,.text-a_warning{color:#f90}.a_warning:hover,.a_warning.active{background-color:#f90}.a_warning:hover span,.a_warning.active span{color:#ffdab8;}
		.a_hold,.a_hold:focus,.text-a_hold{color:#c6f}.a_hold:hover,.a_hold.active{background-color:#c6f}.a_hold:hover span,.a_hold.active span{color:#eccbff;}
		.a_danger,.a_danger:focus,.text-a_danger{color:#f33}.a_danger:hover,.a_danger.active{background-color:#f33}.a_danger:hover span,.a_danger.active span{color:#ffbfbf;}
		.a_progress{width:100%;margin:5px auto 0;background-color:#d6d6d6;height:4px;}
		.a_progress .progress-bar{background-color:#090;height:4px;}
		.ui-dialog.panel{border-color:#999;border-radius:6px;padding:10px;box-shadow:0 0 0 6px rgba(0,0,0,.3) ;}
		.ui-widget-overlay{opacity: 0}
		.btn-a-warning{background-color:#f90;color:#fff;border-color:#f80;}
		.btn-a-warning:hover,.btn-a-warning:focus{background-color:#f80;color:#fff;border-color:#f90;}
		.btn-a-warning:active{background-color:#f60;color:#fff;border-color:#f50;}
		#dialog-grid{margin-top:6px;}
		#dialog-grid td.text-muted{padding:5px 0;}
		#nodeId[readonly]{background-color:#fff}
		.ui-dialog{font-size:12px;}
		.ui-dialog .modal-header{margin:-10px -10px 0;background-color:#fff;border-radius:4px;border:0;text-align: center;color:#999;font-family:'宋体'}
		.ui-dialog .close{margin-top:-28px;}
		.ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .ui-jqgrid-btable tr.jqgrow td{white-space: normal;}
		a:hover,a:focus{text-decoration: none;}
	</style>
<body>
	<div class="container-fluid">
		<form id="searchForm" action="#" method="post" autocomplete="off">
			<div class="form-horizontal" style="margin:10px 0;padding-top:15px;border-bottom:1px solid #e3e3e3;background-color:#f9f9f9">
				<div class="row">
					<div class="col-xs-9 form-group">
						<div class="col-xs-5">
							<label class="control-label col-xs-4">所属系统</label>
							<div class="col-xs-7 input-group">
								<input type="text" class="form-control" name="nodeId"  id="nodeId"/>
								<span class="input-group-addon">
								<span class="glyphicon glyphicon-remove"></span>
								</span>
							</div>
						</div>
						<div class="col-xs-7">
							<label class="control-label col-xs-2">状态</label>
							<div class="col-xs-10 row">
								<div class="col-xs-4 row">
									<input type="text" class="form-control" name="state"  id="state"/>
								</div>
								<label class="control-label col-xs-3">处理环节</label>
								<div class="col-xs-4 input-group">
									<input type="text" class="form-control" name="stage"  id="stage"/>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xs-9 form-group">
						<div class="col-xs-5">
							<label class="control-label col-xs-4">计划名称</label>
							<div class="col-xs-7 input-group">
								<input type="text" class="form-control" name="planName"  id="planName"/>
							</div>
						</div>

						<div class="col-xs-7 form-inline">
							<label class="control-label col-xs-2" for="scheduleDateStart">日期</label>
							<div class="col-xs-4 input-group">
									<input type="text" class="form-control" id="scheduleDateStart" placeholder="输入日期可查历史任务"/>
							</div>
							<label style="font-weight:100">&nbsp;至&nbsp;</label>
							<div class="col-xs-4 input-group" for="scheduleDateEnd">
								<input type="text" class="form-control" id="scheduleDateEnd"/>
							</div>
						</div>

					</div>

					<div class="col-sm-2 text-right">
						<button type="button" id="searchBtn" class="btn btn-primary col-sm-5">
							<span class="glyphicon glyphicon-search"></span>&nbsp;查&nbsp;&nbsp;询
						</button>&nbsp;&nbsp;
						<button type="reset" id="resetBtn"class="btn btn-default col-xs-5">
							<span class="glyphicon glyphicon-reset"></span>&nbsp;重&nbsp;&nbsp;置
						</button>
					</div>
				</div>
			</div>
		</form>
		<div class="row">
			<div class="col-xs-9">
				<button type="button" id="startTaskBtn" class="btn btn-success"><span class="glyphicon glyphicon-play"></span>&nbsp;&nbsp;启动</button>
				<button type="button" id="immediPauseTaskBtn" class="btn btn-a-warning"><span class="glyphicon glyphicon-pause"></span>&nbsp;&nbsp;立即暂停</button>
				<button type="button" id="delayPauseTaskBtn" class="btn btn-warning"><span class="glyphicon glyphicon-pause"></span>&nbsp;&nbsp;延时暂停</button>
				<button type="button" id="cancelTaskBtn" class="btn btn-danger"><span class="glyphicon glyphicon-stop"></span>&nbsp;&nbsp;取消</button>&nbsp;&nbsp;&nbsp;&nbsp;
				<span class="text-muted" id="starting">正在执行(<a href="#" style="color:#090;font-weight:700;padding:0 2px"><label name='runningTask' id='runningTask'></label></a>)</span>&nbsp;&nbsp;
				<span class="text-muted">暂停(<a href="#" style="color:#f90;font-weight:700;padding:0 2px"><label name='pauseTask' id='pauseTask'></label></a>)</span>&nbsp;&nbsp;
				<span class="text-muted">完成(<a href="#" style="color:#090;font-weight:700;padding:0 2px"><label name='doneTask' id='doneTask'></label></a>)</span>&nbsp;&nbsp;
				<span class="text-muted">失败(<a href="#" style="color:#f33;font-weight:700;padding:0 2px"><label name='failureTask' id='failureTask'></label></a>)</span>&nbsp;&nbsp;
				<span class="text-muted">待执行(<a href="#" style="color:#c6f;font-weight:700;padding:0 2px"><label name='todoTask' id='todoTask'></label></a>)</span>
			</div>
			<div class="col-xs-3 form-inline text-right">
				每 <input id="timeRef" type="text" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" class="form-control text-center" size="1" value="10" /> 分 &nbsp;&nbsp;&nbsp;&nbsp;
					<span id="refresh" class="btn btn-info checkbox-inline" type="button" style="padding:0 10px 0 30px;line-height:22px">
					<input type="checkbox" class="form-control" checked="checked" style="margin-top:4px" /><span class="glyphicon glyphicon-refresh"></span>&nbsp;刷&nbsp;&nbsp;新</span>
			</div>
			<div class="col-xs-12" style="margin-top:8px">
				<div id="monitor_jqGrid" class="custom2-ui-jqgrid"></div>
			</div>
		</div>
	</div>
	<!--==============所属系统下拉树================-->
	<div id="nodeId_commbox_tree" class="dropdown-menu" style="position:absolute;display:none">
		<div id="nodeId_tree" class="ztree"></div>
	</div>
	<script src="${ctx}/common/jslibs/fish/js/fish-desktop-all.min.js"></script>
	<script src="${ctx}/common/jslibs/fish/js/jquery.ztree.all-3.5.js"></script>
	<script >
		var state = '<%=request.getParameter("state")%>' ||"";
		var stage = '<%=request.getParameter("stage")%>' ||"";
		var time = '<%=request.getParameter("time")%>' ||0;
	</script>
	<script src="${ctx}/sysmonitoring/monitoring/js/monitoring.js"></script>
</body>
</html>
